////
/// Content
/// Snappable
////

@import 'utils/shared/functions';

.Snappable {
  .BlockLayout--typeGrid {
    grid-template-columns: repeat(2, 1fr);

    @media screen and (min-width: get-breakpoint(tablet)) {
      grid-template-rows: repeat(4, rows(3));
      grid-template-columns: repeat(4, 1fr);
    }

    @media screen and (min-width: get-breakpoint(desktop)) {
      grid-template-rows: repeat(4, rows(4));
    }
  }
}
